<template>
	<div class="review-content">
		<div class="head">
			<span class="title">{{ $t('funds.fund_audit.detail_title') }}</span>
			<div class="right-btn">
				<el-button plain @click="goBack">
					{{ $t('common.back') }}
				</el-button>
			</div>
		</div>
		<div class="main-content detailBoxStyle">
			<MemberWithdrawal :listdeta="listdeta"></MemberWithdrawal>
		</div>
	</div>
</template>

<script>
import list from '@/mixins/list'
import MemberWithdrawal from '@/components/Funds/MemberWithdrawal'
export default {
	components: {
		MemberWithdrawal
	},
	mixins: [list],
	props: {
		// 审核 true 仅返回 false
		type: Boolean,
		rowData: {
			type: Object,
			default: () => {}
		}
	},
	data() {
		return {
			listdeta: {}
		}
	},
	created() {
		this.getInfo()
	},
	mounted() {},
	methods: {
		goBack() {
			this.$emit('goBack')
		},
		getInfo() {
			const { eventId, createdAt, userId } = this.rowData
			const params = {
				eventId,
				createdAt,
				userId
			}
			this.listdeta = {}
			this.loading = true
			this.$api
				.memberWithdrawDetailsAPI(params)
				.then((res) => {
					const { code, data, msg } = res
					if (code === 200) {
						this.listdeta = data
					} else {
						this.$message({
							message: msg,
							type: 'error'
						})
					}
					this.loading = false
				})
				.catch(() => {
					this.loading = false
				})
		}
	}
}
</script>

<style lang="scss" scoped>
.red {
	color: red;
}

::v-deep .el-dialog__header {
	text-align: center;
	color: #909399;
	font-weight: 700;
}
.review-content {
	margin: 24px 16px 20px 16px;
	color: #666666;
	.review-table {
		width: 100%;
		text-align: center; /*文本居中*/
		border-collapse: collapse; /*表格的边框合并，如果相邻，则共用一个边框*/
		border-spacing: 0;
		border: 1px solid rgba(235, 238, 245, 0.712);

		td {
			border-right: 1px solid rgba(235, 238, 245, 0.712);
			border-bottom: 1px solid rgba(235, 238, 245, 0.712);
			min-width: 150px;
			font-size: 12px;
			height: 36px;
			line-height: 40px;
		}
		.td-title {
			background: rgb(239, 239, 239);
		}
	}
	.head {
		height: 70px;
		line-height: 70px;
		width: 100%;
		background: #000;
		border-radius: 2px;
		padding: 0 30px;
		.title {
			font-weight: 600;
			color: rgb(192, 190, 190);
		}
		.right-btn {
			float: right;
		}
	}
	.main-content {
		.review-content {
			min-height: 150px;
			border-top: 0;
			padding: 30px;
			.name {
				font-weight: 600;
			}
			.review-flex {
				position: relative;
				width: 100%;
				margin-top: 15px;
				display: flex;
				justify-content: space-between;
				div {
					display: inline-block;
					width: 24%;
				}
				.txtfeed {
					width: 160px;
					word-wrap: break-word;
					vertical-align: top;
					overflow: hidden;
				}
			}
		}
		.more-height {
			height: 200px;
		}
	}
}
</style>
